<template>
  <div id="app">
    <!-- <h1>版本号：{{ version }}</h1> -->
    <!-- <div class="carts" v-if="env === 'development'"> -->
      <!-- <Products></Products> -->
      <!-- <hr /> -->
      <!-- <Carts></Carts> -->
    <!-- </div> -->

    <!-- <comment v-else></comment> -->
    <selectCom></selectCom>
  </div>
</template>

<script>
//需求：
//1.yarn serve的时候 展示的是购物车的界面
//2.yarn comment 展示评论的页面
//3.评论页面的端口设置为6666

import Carts from "@/components/Carts";
import Products from "@/components/Products";
import comment from "components/comment";
import selectCom from "components/select";
export default {
  data() {
    return {
      version: "",
      env: "development",
    };
  },
  created() {
    //钩子函数
    console.log(process.env);
    this.version = process.env.VUE_APP_VERSION;
    this.env = process.env.NODE_ENV;
  },
  components: {
    //引入进来的组件都要这里面注册
    Carts,
    Products,
    comment,
    selectCom,
  },
};
</script>

<style>
#app {
  color: hotpink;
}
</style>
